<extend name="Base/common" />
<block name="style">
	<style>
		.uinfo{margin: 1rem 0;background: #FFFFFF;padding: 0.5rem 0.5rem;}
		.uinfo > div{vertical-align: middle;}
		.uimg{
			display: inline-block;
			width: 4rem;height: 4rem;margin-right: 0.5rem;
			background-repeat: no-repeat;
			background-size:auto 100%;
			background-position:center ;
		}
		.uimg > img{height: 100%;text-align: left;vertical-align: top;}
		.binfo{width: 60%;display: inline-block;}
		.binfo > p{color: #800000;margin: 0 0 0.5rem;}
		.nickname{font-weight: 600;}
		.u-function{
			background: #FFFFFF;
			margin-bottom: 0.5rem;
			width:100%;
			padding: 0.5rem;
			}
		.u-function > p {
			height: 1.2rem;
			line-height: 1.2rem;
			font-size: 0.8rem;
			margin: 0;
			}
	</style>
</block>
<block name="body">
	<div class="uinfo" data-link="{:U('User/editset')}" onclick="selectf(this)">
		<div class="uimg" style="background-image:url({$user.imgurl}) ;">
		</div>
		<div class="binfo">
			<p class="nickname">{$user.nickname}</p>
			<p>{$user.titlename}</p>
			<p style="margin:0rem;"><empty name="user.area">地区<else/>{$user.area}</empty></p>
		</div>
	</div>
	<div class="u-function" data-link="{:U('User/myband')}" onclick="selectf(this)">
		<p>常用乐队</p>
	</div>
	<!--<div class="u-function" data-link="{:U('User/setphone')}" onclick="selectf(this)">
		<p>手机绑定</p>
	</div>-->
	<div class="u-function" data-link="{:U('User/reset_pwd')}" onclick="selectf(this)">
		<p>修改密码</p>
	</div>
	
</block>
<block name="script">
	<script>
		function selectf(o){
			var link = $(o).attr("data-link");
			location.href=link;
		}
		$(document).ready(function(){
			$("#set_li").addClass("active");//左边的菜单栏亮起来
		});
	</script>
</block>